@import url("../lib/fontawesome/css/font-awesome.css");
html,
body,
.main,
#map {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.mapSwitcher {
	position: absolute;
	top: 32px;left:10px;
}
.positionMapIon{position: absolute;
	bottom: 20px;left:10px;}
.mapSwitcher ul{padding:0;}
.mapSwitcher li {
	padding: 0;margin:5px 0;
	list-style-type: none;width:44px;height:44px;
}

.mapSwitcher li img {
	border-radius: 10px;display:block;max-width: 100%;
}

.searchPanel {
	position: absolute;
	height: 50px;
	top: 48px;
	right: 60px;
	z-index: 100;width:75%;
}

.layerPanel {
	/*position: absolute;
	background-color: whitesmoke;
	top: 50px;
	right: 80px;
	max-height: 500px;
	overflow: auto;
	z-index: 100;*/
}

.projectPanel {
	/*position: absolute;
	background-color: whitesmoke;
	top: 50px;
	right: 80px;
	max-height: 500px;
	overflow: auto;
	z-index: 100;*/
}

.measurePanel {
	/*position: absolute;
	background-color: whitesmoke;
	top: 50px;
	right: 80px;
	z-index: 100;*/
}

.findPanel {
	/*position: absolute;
	width: 300px;
	top: 50px;
	right: 80px;
	text-align: center;
	z-index: 100;*/
}

.findMain {
	/*padding: 20px 5px 15px 5px;
	background-color: whitesmoke;
	border-radius: 8px;*/
}

.findResult {
	/*padding: 20px 5px 15px 5px;
	background-color: whitesmoke;
	border-radius: 8px;
	overflow: auto;
	max-height: 300px;*/
	padding-top:20px;
}

.findResult>ul{
	text-align: left;
}

.bookPanel {
	/*position: absolute;
	background-color: whitesmoke;
	width: 350px;
	top: 50px;
	right: 80px;
	text-align: center;
	padding: 10px 5px;
	z-index: 100;*/
}

.loginPanel{
	/*position: absolute;loginPanel
	background-color: whitesmoke;
	width: 350px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -175px;
	border-radius: 5px;
	padding: 10px 5px 5px;
	text-align: center;
	line-height: 60px;*/
}

.searchBar {
	width: 100%;
	height: 45px;
}

.searchBar> div.input {
	width: 100%;
	height: 41px;
}

.searchResult {
	border-radius: .285rem;
	width: 100%;
	border:1px solid rgba(34,36,38,.15);
	background-color: white;
}

.search_results {
	width: 100%;
	height: auto;
	max-height: 600px;
	background-color: #dddddd;
}

/*.statusmsg {
	position: absolute;
	width: 160px;
}*/

/*.statusbtn {
	margin-left: 160px;
}*/

.resultList {
	height: auto;
	max-height: 220px;
	overflow: auto;padding-left: 10px;
	background-color: white;
}

.resultList> li {
	border-bottom: dotted;
}

.toolbar {
	position: absolute;
	right: 10px;
	top: 45px;
	z-index: 200;
}

.systembar {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.vertical-btn {
	width: 46px;
	text-align: center;
}

.mybtn {
	height: 40px;
	width: 40px;padding:0;border: 1px solid #1E90FF;
	border-radius: 6px;
	background-color: white;
	border-width: thin;
	margin: 3px 0;
}

.unselect {
	background-color: white;
}

.unselect> i {
	color: dodgerblue;
	font-size: 20px;
}

.selected {
	background-color: dodgerblue;
}

.selected> i {
	color: white;
	font-size: 20px;
}

.mainSection .attrTable td.attrName {
	width: 65px;
}

.resultType{position: relative;height:50px;}
.resultType .statusmsg{padding:16px 10px 10px;}
.resultType .statusbtn{position: absolute;right:10px;top:10px;}
.statusmsg .result-num{}
.layerPanel .layui-m-layercont,.measurePanel .layui-m-layercont,.projectPanel .layui-m-layercont,.findPanel .layui-m-layercont,.bookPanel .layui-m-layercont,.loginPanel .layui-m-layercont{text-align: left;padding: 10px;overflow-x: hidden;height:200px;overflow-y: auto;}
.ui.divided.list>.item{padding:5px 0;}
.measurePanel .layui-m-layercont{height:auto;text-align: center;}
.result-measure{font-size: 12px;display:block;padding: 16px 0 0;text-align: center;}

.layui-m-layer *{box-sizing:border-box;-webkit-box-sizing:border-box;}
.projectPanel.layui-m-layer0 .layui-m-layerchild{width:70%;}
.findPanel.layui-m-layer0 .layui-m-layerchild{width:80%;}
.findPanel .layui-m-layercont{height:auto;}
.findPanel .layui-m-layermain .layui-m-layersection,.bookPanel .layui-m-layermain .layui-m-layersection{text-align: left;padding: 10px 0 0 10px;vertical-align: top;}

.bookPanel .layui-m-layercont{height:auto;}
.bookPanel.layui-m-layer0 .layui-m-layerchild{width:80%;}
.loginPanel .layui-m-layercont{height:auto;}
.loginPanel .layui-m-layercont .ui.labeled{padding:6px 0;width:100%;}

